page{
    background-color: #edece8;
}
.user_info_warp{
    height: 45vw;
    width: 100%;
    position: relative;
   .user_btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid greenyellow;
    color: greenyellow;
    padding: 30rpx;
    text-align: center;
    border-radius: 10rpx;
    font-size: 35rpx;
   }
    .user_image_warp{
        position: relative;
       width: 100%;
       .user_bg{
        height: 45vh;
        width:100% ;
        filter: blur(15rpx);
       }
    }
    .user_sm_warp{
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%,-50%);
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
        
        width: 100%;
        .user_sm{
          width: 20%;
          border-radius: 50%;
        }
        .user_name{
          padding-top: 10rpx;
          font-size: 30rpx;
          color: #fff;
        }
    }
}
.user_content{
    position: relative;
   .user_main{
       position: absolute;
       width: 90%;
       left: 50%;
       transform: translateX(-50%);
       top: 120rpx;
     .history_warp{
      
         display: flex;
         text-align: center;
         background-color: #fff;
         navigator{
             padding: 10rpx 0;
          flex: 1;
          .his_num{
              color: var(--themeColor);
          }
         }
     }
     .my_order{
         
        margin-top: 15rpx;
         .order_title{
             background-color: #fff;
             height: 60rpx;
             margin-bottom: 15rpx;
             padding: 15rpx;
         }
         .order_content{
             display: flex;
             background-color: #fff;
             height: 110rpx;
             navigator{
                 flex: 1;
                 text-align: center;
               
                 .iconfont{
                     font-size: 55rpx;
                     color: var(--themeColor);
                 }
             }
         }
     }
  .address_mange{
      background-color: #fff;
      margin-top: 10px;
      margin-bottom: 10px;
      height: 80rpx;
      padding: 15rpx;
  }
  .app_user_info{
    margin-top: 30rpx;
    background-color: #fff;
    .app_info_item{
      padding: 20rpx ;
      border-bottom: 1rpx solid #ccc;
    }
    .app_info_contact{
      display: flex;
      justify-content: space-between;
    }
  }
  .share_item{
    margin-top: 30rpx;
    background-color: #fff;
    padding: 20rpx ;
  }
   }
}